<template>
	<wrapPopup v-if="isShow" @click="onDismiss">
		<view class="wrap-disable-content flex column align-center">
			<view class="title f-34">百焕商圈商城</view>

			<view class="sub-title f-28">此账号已被禁用，请联系客服！</view>

			<block v-for="(item, index) in phoneList" :key="index">
				<view class="phone f-30" @click="onCall(item)">{{ item }}</view>
			</block>
		</view>
	</wrapPopup> 
</template>

<script>
	import wrapPopup from "@/components/popup/popup.vue";
	export default {
		components: {
			wrapPopup,
		},
		props: {
			/**
			 * 是否显示
			 */
			isShow: {
				type: Boolean,
				default: false,
			},
		},
		data() {
			return {
				phoneList: [],
			};
		},
		mounted() {
			const config = this.$stoarge.getConfigData();
			this.phoneList = [config.contact, config.contact_two];
		},
		methods: {
			/**
			 * 关闭
			 */
			onDismiss() {
				this.$emit("update:isShow", false);
			},
			/**
			 * 拨打电话
			 */
			onCall(item) {
				this.$filters.onCallPhone(item);
			},
		},
	};
</script>

<style lang="scss" scoped>
	.wrap-disable-content {
		width: 600rpx;
		background-color: white;
		overflow: hidden;
		padding: 40rpx 30rpx;
		box-sizing: border-box;
		gap: 48rpx;
		border-radius: 14rpx;

		.title {
			color: #333333;
		}

		.sub-title {
			color: #333333;
		}

		.phone {
			color: $theme-color;
		}
	}
</style>
